<link rel="stylesheet" href="css/contact.css">
    

    <!-- 分类 -->
    <section>
        <div class="container classify">
            <div class="row">
                <ul>
                    <li class="active"><a href="">联系我们</a></li>
                    <li><a href="">地图位置</a></li>
                </ul>
            </div>
        </div>
    </section>

    <!-- 路径导航 -->
    <section>
        <div class="container">
            <div class="row">
                <ol class="path">
                    <li><a href="#">所在位置</a></li>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="#">联系</a></li>
                </ol>
            </div>
        </div>
    </section>

    <!-- 产品展示 -->
    <section>
        <div class="container show">
            <div class="row">
                <div class="col-xs-12 title">
                    <div class="tit-top">
                        <h3>联系我们</h3>
                        <p>欢迎您致电“喜邦品牌”进行咨询，我们即将为您全心全意的服务</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 news">
                    <h3>广州喜邦广告设计有限公司</h3>
                    <p>Guangzhou xiban advertising design co., LTD</p>
                    <h3 class="phone">服务专线：4000-138-136</h3>
                    <p>小时咨询电话: 13049685204 13580317549</p>
                    <p>E-mail: 758057640@qq.com</p>
                    <p>QQ: 758057640</p>
                    <p>公司地址: 广州市白云区新市齐富路联富大厦6018</p>
                </div>
            </div>
            
            <div class="row">
                <div class="col-xs-12 title">
                    <div class="tit-top">
                        <h3>地图位置</h3>
                        <p>为了您跟我们更加快捷找到我们公司地址，请用地图查找我们的位置，多谢！</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 addr">
                    <img src="./images/contact/contact_1.jpg" class="img-responsive center-block" alt="">
                </div>
            </div>
            
        </div>
    </section>

    
    <script>
        $(function () {
            $('.my-nav ul li').mouseenter(function () {
                $(this).addClass('active').siblings().removeClass('active');
            })
            $('.classify ul li').mouseenter(function () {
                $(this).addClass('active').siblings().removeClass('active');
            })
        })
    </script>